<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>学生信息</title>
    <style>
        /* 样式 */
        .center {
            margin: 0 auto; /* 设置左右外边距为 auto，实现水平居中 */
            width: 40%; /* 设置容器宽度 */
        }

        .styled-table {
            border-collapse: collapse; /* 边框重叠处理 */
            width: 100%;
            text-align: center;
        }

        .styled-table td {
            border: 1px solid #ddd; /* 边框样式 */
            padding: 8px; /* 单元格内边距 */
            width: 20%; /* 每列宽度为 50% */
        }

        .styled-table tr:hover {
            background-color: #ddd; /* 鼠标悬停时行背景色 */
        }

        .btn {
            padding: 5px 10px;
            border: none;
            cursor: pointer;
            border-radius: 3px;
        }

        .btn-edit {
            background-color: #4CAF50;
            color: white;
        }

        .btn-delete {
            background-color: #f44336;
            color: white;
        }
    </style>
    <script>
        function goBackToLoginPage() {
            window.location.href = "login.jsp";
        }
        function editStudent(studentId) {
            // 在这里可以使用studentId执行你想要的操作，比如向服务器发送Ajax请求
            alert("要编辑的学生ID是: " + studentId);
        }
    </script>
</head>
<body>
<h2 style="text-align: center">学生信息</h2>

<%-- 添加按钮 --%>
<div style="text-align: center; margin-bottom: 10px;">
    <button class="btn btn-add" onclick="goBackToLoginPage()">添加</button>
</div>

<%-- Session方法 --%>
<%
    // 从 HttpSession 中获取学生信息
    ArrayList<String> studentInfo = (ArrayList<String>) session.getAttribute("studentInfo");
    if (studentInfo != null && !studentInfo.isEmpty()) {
%>
<div class="center">
    <form id="login" action="login" method="post" accept-charset="UTF-8">
        <table class="styled-table">
            <tr>
                <td>学生ID:</td>
                <td>学生姓名:</td>
                <td>学生年龄:</td>
                <td colspan="2"><b>操作：</b></td>
            </tr>
            <% for (int i = 0; i < studentInfo.size(); i += 3) {
                String student_id = studentInfo.get(i);
                String student_name = studentInfo.get(i + 1);
                String student_age = studentInfo.get(i + 2);
            %>
            <tr>
                <td><%= student_id %></td>
                <td><%= student_name %></td>8
                <td><%= student_age %></td>
                <!-- 将按钮替换为表单中的一个提交按钮 -->
                <td>
                    <button type="submit" name="action" value="编辑" onclick="editStudent('<%= student_id %>')" class="btn btn-edit">编辑</button>
                </td>
                <td><button type="submit" name="action" value="删除" class="btn btn-delete">删除</button></td>
            </tr>
            <% } %>
        </table>
    </form>
</div>
<%
} else {
%>
<p style="text-align: center">未找到学生信息。</p>
<%
    }
%>
</body>
</html>
